Archived topic

Header and widget

4 replies · Started by Thierry on March 23, 2017

Viewing posts 1–5 of 5

March 23, 2017 at 11:41 am #296437

Hello,

I have my site-logo (default float left), my menu (bottom header) and 3 widgets in the header.

Currently the 3 widgets are in block (below the other) ; it's possible, i want the first block but the second and the third on the same line.

Other thing, i want hide 1 widget if the device is mobile.

How i can do this ?

Thank you

March 23, 2017 at 3:33 pm #296526

Hi Thierry,

Are you able to provide a link to your site and let me know which widget you want to hide on mobile?

Thanks!

March 23, 2017 at 7:57 pm #296565

For hiding a widget, you would have to know the widget ID. A link as Leo said would help :)

March 24, 2017 at 2:58 am #296669

Thank you Tom and Léo.

I find with ".header-widget .widget:last-child" and ".header-widget .widget:nth-last-child(2)"

For the mobile :

@media (max-width: 768px) {
    .header-widget .widget:first-child {
        display:none
    }

}

March 24, 2017 at 6:56 am #296750

Glad you worked it out!

This archived topic is closed to new replies.