Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 25, 2014 at 10:56 pm #269799
    pgh

    I have two questions.
    1) I have added phone no and Email in the Extra Element Field in the Header. I added an icon each for the phone number and email respectively. However, the icons don’t line up properly. There should be a phone icon followed by a phone number and than an Email Icon followed by an Email link. Instead it’s a phone icon, emai icon, phone number and email address.

    2) For Tablet/Medium size screens, the Logo changes from Center to Left align. I am not able to center the image. For phone size the log is centered properly again.

    Thanks!

    May 26, 2014 at 7:30 am #269954
    Ismael

    Hi pgh!

    Thank you for using the theme.

    Do you mind if we take a look at the actual website? I’m sure we can fix the extra elements via CSS. Please add this on Quick CSS or custom.css if you want the logo centered on smaller screen sizes. 

    @media only screen and (max-width: 767px) {
.responsive.html_header_top.html_logo_center .logo {
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
margin: 0;
position: relative;
}
}

    Regards,
    Ismael

    May 26, 2014 at 3:03 pm #270118
    pgh

    Thanks!

    I added the quick css but I am still having the problem with the logo. Also, there seems to be a margin-bottom on the medium screen.
    Here is the link to the site http://www.jacksonaviationgroup.com/homepage

    Thanks!

    May 26, 2014 at 11:43 pm #270305
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .phone-info .iconbox_icon {
    float: none !important;
    display: inline;
    margin-left: 10px;
}

#header_meta div.phone-info {
    height: 15px;
}

@media only screen and (max-width: 767px) {
	.logo img {
 		margin: 0 auto !important;
	}
	.responsive .mobile_slide_out .logo{
		float:none !important;
	}
}

    Cheers! 
    Josue

    May 27, 2014 at 3:14 am #270386
    pgh

    Thanks! Icons are linked up perfectly!
    The logo for the medium screen does still have a some issues with the margin-bottom. I might keep it that way as it doesn’t look too bad :).

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Icon for Extra Element in Header & Tablet Logo Center problem’ is closed to new replies.