Responsive View Issue (Smartphones)

Hello there,

I have two questions:

1. how can I hide the colored space under the menu on smartphones?

As you can see on my site on mobile view under the search box there is an empty space which doesn´t look pretty nice:

http://www.n-tu.de

2. There is also a problem with displaying the last picture on homepage with icon and text responsive.

How can i fix that?

Comments

  • Hi,

    1. This is header background section. To remove this section on mobile devices, please use below css:
    @media only screen and (max-width: 479px) {
        body:not(.template-slider):not(.header-simple) #Header { min-height: 0 !important; }
    }
    2. It's because image is not tall enough. If you want this image to behave properly on mobile, you must upload larger height.
  • edited May 2015
    okay, thank you! the first one works!

    2. i didn´t find an option at the item options to bound this picture/section on desktop if the image file is taller. Is it possible to have a taller picture on desktop but not show the whole size, but to have this size for the responsive view? do you know what i mean? :)
  • In accordance to point 2, we know what you mean but it is unfortunately not possible. We recommend to remove background images on mobile because this is the best choice in this case.
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.

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.