Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 3, 2017 at 11:14 am #754974
    sere

    Hi,
    I add a widget in my header (http://www.mottarellatest.it/mottarellanew/) but there is a problem in mobile version.
    I like that in mobile version the widget appear below the logo.

    How can I do it?

    Thanks

    March 3, 2017 at 2:31 pm #755068
    Vinay

    Hey Serena,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    Please note the header widget is very wide and not all the info will be seen on mobile.

    You can choose to display only one number instead.

    @media only screen and (max-width: 767px) {
#header .widget {
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
}
.responsive #top #main {
    padding-top: 90px !important;
}}

    Best regards,
    Vinay

    March 3, 2017 at 3:38 pm #755124
    sere

    perfect, thanks Vinay!!!

    March 5, 2017 at 7:22 am #755842
    Rikard

    Hi,

    Glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘header widget responsive’ is closed to new replies.