Sela Theme – black logo in mobile version

• 

  odraregi · Member · May 24, 2015 at 9:38 pm

  • Copy link
  • Add topic to favorites

  Hi, i have enable the mobile version for this theme, but on mobile don’t see the logo but only a black color.
  My logo in mobile version it replace in black rectangle.

  How can i do to fix it?

  My website: gerardopandolfi.com
  Host: wordpress.com

  thanks

  The blog I need help with is: (visible only to logged in users)

• 

  odraregi · Member · May 25, 2015 at 12:34 pm

  • Copy link

  i have modify my theme, and in the mobile version it possible watch only the header and not the logo.

• 

  kathrynwp · Staff · May 25, 2015 at 5:58 pm

  • Copy link

  The mobile theme is intended only for themes that are older and are not responsive.

  Since Sela is already responsive, it automatically adapts to smaller screen sizes. This means that you don’t need the mobile theme enabled for your site to look good on mobiles devices. I’d suggest you disable the mobile theme to view your site as intended on small devices.

  Let me know if that helps.

• 

  odraregi · Member · May 25, 2015 at 7:24 pm

  • Copy link

  ok, i will do

  Thanks a lot

• 

  pandolfigerardo · Member · May 26, 2015 at 5:40 am

  • Copy link

  Hi, i have apply the change and disable the mobile mode.
  But i try and i think something not work on my css setting, because all text in the menu it white and not possible read it.

  Do u know how can i do to change the menu text color in the mobile version?

  Thanks

• 

  kathrynwp · Staff · May 26, 2015 at 2:15 pm

  • Copy link

  In your custom CSS, you’ve assigned a background colour of white to your navigation, without putting it in a media query, so it applies to all screen sizes:

  .main-navigation {
       background-color: #ffffff;
       border-bottom: 1px solid #000000;
       border-top: 1px solid #000000;
  }

  You can try restricting that white background to larger screens by putting it in a media query, so it leaves the mobile menu background untouched:

  @media screen and (min-width: 768px) {
    .main-navigation {
       background-color: #ffffff;
       border-bottom: 1px solid #000000;
       border-top: 1px solid #000000;
    }
  }

  You can learn more about using media queries that target certain screen sizes here:

  http://en.support.wordpress.com/custom-design/custom-css-media-queries/

  Media Queries for Standard Devices

  Responsive Design with CSS3 Media Queries