Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 30, 2016 at 4:33 pm #679558
    advteksol

    I would like to center the main logo, then under it the phone number, and then center a secondary logo under that, and finally have the mobile menu centered last. I also would like to shrink some spacing at the very top and under the mobile menu – see image.

    View post on imgur.com

    Thanks for your help.

    • This topic was modified 7 years, 11 months ago by advteksol.
    September 1, 2016 at 3:42 pm #680786
    Yigit

    Hey advteksol,

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

    @media only screen and (max-width: 480px) {
#header_meta {
    display: none;
}
#header .widget { 
padding-bottom: 0;
}
.logo img {
    margin: auto!important;
}
.logo {
    width: 100%!important;
}
}

    Best regards,
    Yigit

    September 1, 2016 at 5:43 pm #680872
    advteksol

    That centered the first logo, but the phone number disappeared and the 2nd logo and the menu are still on the same line.

    View post on imgur.com

    September 6, 2016 at 7:14 am #682483
    Vinay

    Hi,

    We have updated the code please review the site now. 

    /* Change header in mobile */
@media only screen and (max-width: 480px) {
#header_meta {
  margin-top:-30px;
}
#header .widget { 
padding-bottom: 0;
}
.logo img {
    margin: auto!important;
}
.logo {
    width: 100%!important;
}
.phone-info{
	display: block !important;
}
.phone-info h4{
	transform:translate(-100%, 40px);
}
#widget_sp_image-2 img{
	transform:translate(50%, 40px);
}
#advanced_menu_toggle {
	transform:translateY( 160px);
	margin-right: 45%;
}
}

    Best regards,
    Vinay

    September 6, 2016 at 3:12 pm #682672
    advteksol

    Looks great, except the menu needs is on the slider image now. How can I make the menu appear on a separate line between the 30+ years image and the slider tree image?

    View post on imgur.com

    Thanks so much for your help!

    September 10, 2016 at 8:13 pm #684562
    Vinay

    Hi,

    The site don’t look the same. Was there any changes made? Let us know if you still need any help.

    Best regards,
    Vinay

    September 12, 2016 at 3:32 pm #685193
    advteksol

    Nothing was changed other than I was able to move it to the right of the phone number, which works fine for now. You can close this thread.

    Thanks.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Center Header, Phone, Logo and Menu Info on Mobile’ is closed to new replies.