Return to previous page

CENTER RESPONSIVE TOP BAR SOCIAL ICONS - by bazarcollective

This topic has 11 replies, 3 voices, and was last updated 8 years, 7 months ago ago by Robert Hall

bazarcollective

Participant

August 26, 2015 at 14:13

Hello need help centering my top bar social icons when on mobile devices. also i want to center my logo in responsive and make it a bit bigger? i know this is alot but my friend that helped design my site is away and im lost lol i tried fixing it but had no luck i suck at this can someone please correct this for me? thanks in advance!

Please, contact administrator
for this information.

#82448 Copied Theme version: 2.1 WooCommerce version: 4.3

10 Answers
Robert Hall

Support staff

August 26, 2015 at 14:18
Hello,

Please try to add the following code in Custom CSS for mobile landscape and Custom CSS for mobile (Theme Options->Custom CSS).
```
.sfsiplus_norm_row {
    left: 50%;
    margin-left: -65px;
}
.top-bar .languages-area {
    width: 100%;
}
```
Regards,
Robert Hall.
#82453 Copied
bazarcollective

Participant

August 26, 2015 at 19:51

thank you so much, it works! now do you have any idea how to make my logo a bit bigger on mobile?

#82562 Copied
Robert Hall

Support staff

August 26, 2015 at 20:08
Try use this code in in Custom CSS for mobile landscape and Custom CSS for mobile.
```
.header-logo img,
.header-logo {
    max-width: 229px !important;
}
```
Regards,
Robert Hall.
#82568 Copied
bazarcollective

Participant

August 31, 2015 at 12:37

Hi again, thanks for the help everything is now fixed my logo looks great on my phone (iphone 6 plus) however i noticed that now on smaller mobile screens (iphone 4) my logo seems to be too big is there a way i can have multiple responsive setting for my logo?

#83279 Copied

Eva Kemp

Support staff

August 31, 2015 at 13:14

Hello,

As I see logo is shown fine in small mobile devices:
http://storage6.static.itmages.com/i/15/0831/h_1441023178_1302399_4d82929484.png

Could you please show a screenshot of the issue?

Thank you.
Regards,
Eva Kemp.

#83298 Copied

bazarcollective

Participant

August 31, 2015 at 13:37

hello here is a screen shot i believe this is on an iphone 5.
screen shot thanks

#83310 Copied

bazarcollective

Participant

August 31, 2015 at 13:37

http://instapillows.us/wp-content/uploads/2015/08/image1.png

#83311 Copied

Eva Kemp

Support staff

August 31, 2015 at 17:00

Hello,

Have you made any changes in the files? As I now header is shown incorrectly on mobile devices.

Regards,
Eva Kemp.

#83397 Copied

bazarcollective

Participant

September 1, 2015 at 15:17

Hello, I had someone helping me w my site so im not sure but im guessing changes were most likely made if my logo is showing that way. Any way to fix this or figure out if or what was changed?
Appreciate your time and help!

#83672 Copied
Robert Hall

Support staff

September 1, 2015 at 15:38
Hello,

Try to use the following code in Custom CSS for mobile (Theme Options->Custom CSS).
```
.header-logo img, .header-logo {
    max-width: 160px !important;
}
```
Regards,
Robert Hall.
#83674 Copied
Viewing 11 results - 1 through 11 (of 11 total)