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

top widget area on 2 lines

top widget area mobile
    • 7 years, 11 months ago marco.resinofacile
      Participant

      Expired

      Hi,

      I have this problem on mobile screens:

      site https://www.centrodellaceramica.innovaimpresa.com/

      In top header left widget I placed the WPML language switcher and a custom menu (containing just 1 item). It’s ok both on desktop and mobile screens.

      In top header right widget I placed a menu with 5 items. But on mobile screens maybe the menu is too large and it seems going down in another line and, as the background is no more green the white menu voices are no more visible.

      Could I change the color of top widget right menu just for mobiles? So they would be visible.

      As this top widget right area falls down it covers the image of the flex slider. Could I place some margin-top to flex slider on mobiles so that it will not be covered ?

      Please see screenshot here:

      https://www.marco-marino.it/top-widget-area-items/

      Regards

      Marco

       

    • 7 years, 11 months ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:

      @media (max-width: 480px){
      .top_nav .widget ul li a {
          color: red !important;
      }}

      Result screenshot: https://postimg.org/image/h2be80zn1/

      Best regards!

    • 7 years, 11 months ago marco.resinofacile
      Participant

      Expired

      Great! thank you,

      just please tell me this:

      <span style=”color: #4b4d4d; font-family: Raleway; font-size: 14px;”>As this top widget area splits in 2 lines and falls down it makes the logo cover the image of the flex slider. Could I place some margin-top to flex slider on mobiles so that it will not be covered ?</span>

       

      Marco

    • 7 years, 11 months ago Mirela
      Participant

      Hello,

      Please add this code as well:

      @media (max-width: 979px){
      .top_wrapper {
          padding-top: 50px !important;
      }}

      Best regards!

    • 7 years, 11 months ago marco.resinofacile
      Participant

      Expired

      Ok, that’s perfect this way.

      Regards

      Marco

Viewing 4 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