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

Header displaying off-screen

Header issues
    • 6 years, 10 months ago mypupsocket
      Participant

      On my homepage: mypupsocket.com

      When disabling likes and shares the header afterwards stopped overlaying on the page and instead started displaying off the slide on the top (if one uses the scrollbar to go up it is displaying above. Where is the setting to change this? All I did was disable likes and sharing and it destroyed the header.

    • 6 years, 10 months ago Mirela
      Participant

      Hello,

      Please add this code into your your Custom Css box:

      .cl-header-sticky:not(.cl-transparent):not(.cl-actived-fullscreen-header) {    
      background-color: #ffffff00;
      }
      .cl-header-sticky:not(.cl-transparent):not(.cl-actived-fullscreen-header) {
          top: 60px !important;
      }

      Let me know how it goes.
      Best regards!

    • 6 years, 10 months ago mypupsocket
      Participant

      Thanks, we’ll let you know shortly.

      Also, we use a plugin WCUF to allow customers to upload their photo before checkout. We have used this plugin with another site & theme. The plugin’s settings allows for us to choose where to display the uploader, in which we NEED it to display after variant options. The setting to display the uploader BEFORE Both Variable Dropdowns and Add-To-Cart works with no problems. Like I said, we need to choose the setting AFTER Both Variable Dropdowns and Add-To-Cart.

      It does not appear and after already contacting the developer of the plugin, they ran a test to showcase that there is a theme conflict that’s not triggering properly. See here for the words from the plugin developer: “<span style=”color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: small;”>The issue you are experiencing could depend that the template file used by your theme is not properly triggering the action fired after the variation selectors and before the add to cart button while rendering the page.” A</span><span style=”color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: small;”><span style=”color: #333333; font-family: Georgia, ‘Times New Roman’, ‘Bitstream Charter’, Times, serif; font-size: 16px;”>ttached are pictures of the uploader showcasing in one setting and a picture of where we choose the options for displaying.

      </span>Thanks!

      Plugin working: https://www.dropbox.com/home/Screenshots?preview=Screenshot+2018-08-31+11.15.23.png

      Settings on Plugin: https://www.dropbox.com/home/Screenshots?preview=Screenshot+2018-08-31+11.15.52.png</span>

    • 6 years, 10 months ago mypupsocket
      Participant

      As for the custom css, no that wouldn’t solve it. I tried it and used top:90px instead to actually make it look right but it does not solve it. The pictures in the links show that their is still a top white area almost like the codeless slider has some kind of margin and on top of that the header does not switch from light to dark.

      https://www.dropbox.com/s/gbqx226nno8bwxk/error1.png?dl=0

      https://www.dropbox.com/s/a8d146jbkbz3n7c/error2.png?dl=0

    • 6 years, 10 months ago Mirela
      Participant

      Hello,

      Sorry but we do not support third party plugins.

      -Can you add some valid wp credentials in your profile data? So i can check the header situation closely. Read this article for more information.

      Thanks!

    • 6 years, 10 months ago mypupsocket
      Participant

      I have added a user under my profile. It is a wordpress site. Since other pages can be fine without the custom code added for the header, I have determined it to be an issue with the codeless slider. When you find the solution, could I also get an explanation as well for the future. Thank you.

      • This reply was modified 6 years, 10 months ago by mypupsocket.
    • 6 years, 10 months ago mypupsocket
      Participant

      Looking forward to confirmation that you were able to get back-end access to our site to fix the header issue.

      Thanks much.

    • 6 years, 10 months ago Mirela
      Participant

      Hello,

      I tried login in but the user is not valid. See screenshot: https://postimg.cc/image/g74v1a40n/

      Can you please check?

      Thanks!

    • 6 years, 10 months ago mypupsocket
      Participant

      Hey there,

      We’ve followed your instructions and there are no problems on our end.

      Can you try again and/or can we do this another way?

      Thanks

    • 6 years, 10 months ago Mirela
      Participant

      Hello,

      Please update theme and Codeless Builder to the latest version 2.2. Many important changes has been made. Let us know if the issue persists after the update.

      Best regards!

    • 6 years, 10 months ago mypupsocket
      Participant

      Hey and thanks,

      This will fix the problem? What are the proper instructions for updating the theme, without losing any progress made from previous version?

      Thanks

    • 6 years, 10 months ago Ruco
      Keymaster

      Hello,

      Please check this article on how to update the theme and plugins included with it: https://codeless.co/update-wordpress-themes-and-included-plugins/

      Let us know.

      Regards!

    • 6 years, 10 months ago mypupsocket
      Participant
      This reply has been marked as private.
    • 6 years, 10 months ago Ruco
      Keymaster

      Hello,

      I’ve tried to login but isn’t possible.

      1. You have to set the header transparent in the Page Options settings

      https://imgur.com/a/7ZtNfUV
      https://imgur.com/a/DtbiVQO

      2. You have to set the transparent header to fix this issue. And set the Header Color Default

      3. Sorry i don’t see what you mean with “Next” and “Previous buttons.

      Regards!

    • 6 years, 9 months ago mypupsocket
      Participant

      I have fixed the login (forgot to confirm activation) however I would say most of the issues have been fixed. The problem with the transparent header not overlaying and not being set to default is that when I am in the codeless builder and click publish apparently it was never publishing but when I edit the page in the backend I could change those options and update.

      As far as the previous and next buttons, they went away for me also, however it may have been some sort of caching issue, not sure.

      One issue that was never solved is that the first slide does not appear with the correct color but when I change to the second slide and back to the first it switches to the light theme which is correct. Is their any fix for this issue? Thank you so far.

    • 6 years, 9 months ago Mirela
      Participant

      Hello,

      I opened the site in chrome, firefox and Edge, the first slider showed great in all browsers. See screenshot: https://postimg.cc/image/a0yerifmv/

      Perhaps you need to clear cache and hard refresh the browser you are using. Or if you have any add-ons installed in your browser, try deactivating them and try again.

      Best regards!

    • 6 years, 9 months ago mypupsocket
      Participant

      Perhaps I didnt say it right because I never mentioned the header. I looked over the screenshot you sent and it is still wrong. The problem is within the header not the actual slide. When one scrolls to the second slide and back up, the header switches to the light (correct) styling like it is supposed to but upon page load the header is defaulted to the dark scheme.

    • 6 years, 9 months ago Mirela
      Participant

      Hello,

      Please go to page’s General settings > Header Color, and make sure to have selected the light version. See screenshot: https://postimg.cc/image/xdyc35r5j/

      Let me know.
      Best regards!

    • 6 years, 9 months ago mypupsocket
      Participant

      You guys are on a roll now!

      We were wondering if we could drop the shipping options below the “shipping” label as seen in the picture:

       

    • 6 years, 9 months ago Ruco
      Keymaster

      Hello,

      Please try to add this line into css:

      .woocommerce table.shop_table tfoot th{ float:left; width:100% }

      I think this will resolve your issue.

      Regards!

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