Pro Headers - Visibility Options on Very Small Screens

The headers feature is great but a question: Am I am able to control visibility of elements at very small screen sizes? There are still some users with, e.g. iPhone 5 size 320px wide and therefore I would like to have a further level of control to hide elements at smaller breakpoints. I imagine this can be done with custom CSS?

This is an automated message to notify you that your thread was posted in the wrong forum, and it has been moved to the correct place. A member of our team will be happy to reply just as soon as your thread is up. How support works.

For support, please post all questions in the Support Forum.

For peer to peer conversations with other Themeco customers about tips, customizations, or suggestions you are welcome to use the Conversation Forum (no official support provided here).

Design & Development, Marketing & Media, and Hosting & Optimization are for discussion with fellow Apex members about non Themeco related topics. Please keep this in mind in the future.

Thank-you!

Hi there,

In general, you should have the same elements and styles for mobile devices but if you want further customization you need to use the custom CSS code. To do so you will need to give us the exact URL of the page which you add your elements so we can see which auto generated HTML IDs are there to be able to give you proper CSS code. The code will be something like:

@media (max-width: 320px) {
.ELEMENT SELECTOR {
THE CSS RULES
}
}

Thank you.

Hi There,

Thank you for the URL. Did you try the previous suggestion? Did you have issues implementing it? Do let us know how we can help you further.