Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 12, 2017 at 7:57 pm #863599
    coryhubbell

    I am having trouble getting the mobile icons to show on mobile devices.
    I have added the following code to quick css with no change:

    @media only screen and (max-width: 479px) {
    .responsive.html_header_top #header_main .social_bookmarks {
    display: block !important;
    position: static;
    }
    }

    I also have what seems to be a “second” top bar above where the social icons and the phone number are located in top header socket. It is very strange. Here is a screenshot: https://www.awesomescreenshot.com/image/2886666/1160bcec882f7fd01ecd9dc2aed4b4e8

    October 15, 2017 at 10:52 pm #864585
    Basilis

    Hey coryhubbell,

    What are the mobile icons? Can you explain us?
    Are you referring for the Top Bar?

    I am really sorry but not exactly clear what you are aiming to do.

    Best regards,
    Basilis

    October 16, 2017 at 3:56 pm #864859
    coryhubbell

    I have included a screenshot.
    https://www.awesomescreenshot.com/image/2893704/11f3275041e3e5bafd17a9a7bb4ce32f

    The social icons as well as the phone number are disappearing on mobile as well as the contact number.
    I also do not know where the gray bar above the top social bar is coming from.

    October 17, 2017 at 6:18 am #865143
    Rikard

    Hi,

    Thanks for the screenshots, could you post a link to the site in question so that we can have a closer look please?

    Best regards,
    Rikard

    October 17, 2017 at 2:31 pm #865294
    coryhubbell

    https://aconsumercredit.com/ is the website.

    October 18, 2017 at 10:34 am #865620
    Victoria

    Hi coryhubbell,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
	.responsive #top #header .social_bookmarks {
	    display: block;
	}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 19, 2017 at 5:25 pm #866331
    coryhubbell

    This still is not working. I also see no suggestions for the extra header bar.
    Please advise asap. I am gearing up for a mobile hack on Monday of next week.

    October 22, 2017 at 6:36 pm #867252
    Mike

    Hi,
    To remove the dark top band and show the social icons in mobile view, try this css:

    @media only screen and (max-width: 479px) {
.responsive #top #wrap_all #header .social_bookmarks {display: block!important; }
.html_stretched #wrap_all {margin-top: -20px!important; }}

    please see screenshot in Private Content area

    Best regards,
    Mike

    October 22, 2017 at 9:17 pm #867320
    coryhubbell

    Perfect thank you Mike, this worked like a charm!

    October 22, 2017 at 9:56 pm #867347
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Mobile icons still not showing – Extra bar on top of header’ is closed to new replies.