Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Logo on mobile

    • 9 years, 7 months ago pixie5
      Participant

      Expired

      Hi. My logo seem to be a good size on desktop version however a bit small on mobile version. is it possible to change the size?

      Also widgetezed area on mobile site is not showing, is it possible to make it visible or just a section of it? like right top or left top only

      Thanks

    • 9 years, 7 months ago Mirela
      Participant

      Hello,

      To make logo bigger, please add this code into your custom css box:

      @media (max-width: 480px){
      #logo img {
          max-height: 95px !important;
          margin-top: -53px !important;
      }}

      Result screenshot.
      Edit the values to your wish.

      By default the top navigation is not displayed in mobile. To show it, add this code:

      @media (max-width: 767px){
      .top_nav { display: block;}
      .top_nav .pull-left { display: none;}
      }

      Best regards!

    • 9 years, 7 months ago pixie5
      Participant

      Expired

      Hello, thanks for your quick response as usual guys. Logo worked very well. the navigation seems to be a bit too low, you can check it yourselves, it almost overlapping the logo. is there any way to pop that line higher?

      thanks

    • 9 years, 7 months ago Mirela
      Participant

      Hello,

      It is better to edit the value of margin-top: -53px !important; (decrease it) until you are satisfied with the result. So you won’t add more custom code.

      Best regards!

    • 9 years, 7 months ago pixie5
      Participant

      Expired

      what I meant is the line that I have in widgetezed area is now coming up however it is loo low from top and is overlapping the logo. It seems to be too much space above. is it possible to reduce that at all? playing with margin-top is only moving the logo and not the widgetized area

       

      thanks

    • 9 years, 7 months ago Mirela
      Participant

      Hello,

      I see you have removed the top widgetized area from mobile (i don’t see it anymore). You can change the layout with css. Just find the css class of the element to change and add attributes to it.
      I must remind you that these are personal preferences styling and it is not included in support service. I can suggest you this site to learn more about css and structure theme to your wish. Or hire a developer.

      Best regards!

Viewing 5 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password