• 

  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

  Participant

  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

  Participant

  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

  Participant

  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

  Participant

  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

  Participant

  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)