Support Center Visit Demo License manager Buy @ envato

Trouble with image appearing too low on mobile.

dpicciottodpicciotto
edited February 2019 in BeBuilder
Hello,

I have a problem with the first image that appears on my site on mobile.

The website is:   www.beita.com.gt

I want the image to appear much higher than it does on mobile.  I cannot modify the image because I like how it looks on desktop.  I have removed all action bar and row as well on header builder.  The menu is not necessary but if it does not affect, I would like to have it.

There is a large space between the logo and the first image.  I would like to have that extra space removed and show the image just below the logo.

I am happy with how it looks in desktop mode, but not happy with the mobile view.  I have removed all padding and disabled parallax on mobile.  

Any suggestions?

Thanks,

Daniel

Comments

  • PabloPablo
    edited February 2019
    Hi,
    The problem is because you declared a lot of paddings in the sections.
    The only way to fix it without changing those paddings, is hiding that section on mobile and create another one section which will be created for mobile and displayed only on the mobile.

    To achieve that, please edit the section and find the "Responsive Visibility" and set on which device it should be hidden.
    http://prntscr.com/mpqj4z

    Thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • dpicciottodpicciotto
    Thank you for your comment.

    So first, I need to hide the visibility for mobile, and next create another image for mobile and hide the visibility for desktop?

    Thanks
  • PabloPablo
    Indeed.
    If you have some further questions, feel free to ask.
    Thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • dpicciottodpicciotto
    I made the changes but the result on mobile is the same.  I need the image to be higher on mobile.  If you scroll down, a black image appears below the logo, can this be the problem and if so how do I fix it?

    Your comment above says that the only way to fix it without changing those paddings is to create the hidden section which I did.  I have no problem in changing the padding if it will solve the issue.

    Thanks
  • PabloPablo
    edited February 2019
    Please open your website in Firefox html mode (CTRL+U) and check html
    errors you got. Please fix them first and all should be fine.

    Thanks!
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Neccessary

Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.

Analytics & Performance

Statistic cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.

Marketing

Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.