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

Active page header – not responsive

    • 8 years, 5 months ago cod_tow_usr
      Participant

      Expired

      Hi,

      How to set up responsiveness of page header background with page title?

    • 8 years, 5 months ago Mirela
      Participant

      Hello,

      For which screen dimension do you want to change it?
      For mobile, add this code into your custom css box:

      @media (max-width: 480px){
      .header_page.with_subtitle.centered .titles h1 { font-size: 53px;}
      .header_page.with_subtitle.centered .titles h5 { font-size: 23px;}
      }

      Edit the values to your wish.
      Let us know.

      Best regards!

    • 8 years, 5 months ago cod_tow_usr
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 5 months ago Mirela
      Participant

      Hello,

      Please edit the code above to this:

      @media (max-width: 480px){
      .header_page.with_subtitle.centered .titles h1 {
          letter-spacing: 0px;
          font-size: 35px !important;
      }
      .header_page.with_subtitle.centered .titles h5 {
          font-size: 20px !important;
      }
      .header_page.centered h1 {
          top: 0 !important;
          margin-top: -170px !important;
      }
      }

      Result screenshot. Let us know.

      Best regards!

    • 8 years, 5 months ago cod_tow_usr
      Participant

      Expired

      Thank you, it works.

      Can you help me please with codeless slider on mobile which is set as header on this page? It is set, but disappeard on mobile and empty space is displayed.

    • 8 years, 5 months ago Mirela
      Participant

      Hello,

      Please go to page’s General Settings > Slider Options > Remove Sliders from Mobile Phone View, make sure it’s not set OFF.
      Let us know after so we can check it if it still isn’t showing on mobile.

      Best regards!

    • 8 years, 5 months ago cod_tow_usr
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 5 months ago Mirela
      Participant

      Hello,

      This is strange. However, i added this code into your custom css box:

      @media (max-width: 767px){
      .slider#slider-fullwidth {
          min-height: 425px !important;
              opacity: 1;
          overflow: visible;
      }
      .codeless_slider_swiper, .codeless_slider_wrapper {
          min-height: 425px !important;
          opacity: 1;
          overflow: visible;
      }
      .codeless-slider-container.swiper-parent.swiper_slider.codeless_slider {
          height: 425px !important;
      }
       .codeless_slider .swiper-slide h5.animated.fadeIn {
          margin-left: -61px !important;
          text-align: center !important;
      }}

      It’s ok now. This is how it shows up in mobile: https://pho.to/AYsmR
      Please check and let us know.

      Best regards!

    • 8 years, 5 months ago cod_tow_usr
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 5 months ago Mirela
      Participant

      Hello,

      You can edit slider view in mobile with custom css. Wrap up the custom code with the @media rule, like the examples above.
      You need to change the height of several css classes to achieve this. Use inspect element to test them.
      I can suggest you these useful links:
      https://learn.shayhowe.com/advanced-html-css/responsive-web-design/
      https://www.w3schools.com/css/css_rwd_intro.asp

      Sorry but this is a personal customization you are requesting now. So this is all we can help since these type of customization are not included in support service.

      Kind regards!

    • 8 years, 5 months ago cod_tow_usr
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 5 months ago Kris
      Participant

      Hello,

      Sorry! We do not include the payed customizations on our service service. But i recommend you to see the links that my colleague gave on the previous reply.

      Kind Regards!

      Merry Christmas!

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