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

One Page Menu Items + Fixed Header

    • 5 years, 3 months ago hey-sis
      Participant

      Hi,

      I use the Portfolio Theme as a Onepage  and I don’t understand how to connect my rows with the menu items in the navigation.

      And a 2nd question: How can I make a fixed header?

      Thanks in advance!

    • 5 years, 3 months ago Ruco
      Keymaster

      Hello,

      1. You have to edit the page on the WordPress Dashboard

      https://imgur.com/2JhZJks

      and switch On the option: Page as one Page

      2. Now you have to edit the home page with Codeless builder > Select the Row > Row ID to add the section id that will be added on the menu

      https://imgur.com/aVD26jb

      in our case is named features

      3. Go to Appearances > Menu > Add the link on the menu item #features

      You can activate the sticky header go to: Customizing > Header > Sticky (Switch On)

      Regards!

    • 5 years, 3 months ago hey-sis
      Participant

      thank you

      i don’t  understand 3., maybe because i have the german wordpress.. which link do you i have to add where?
      At the moment I have one menu item which indicates the whole page.

      And i have two more problems with which i struggle..

      – i have a Team of 5 people (3 in the first line, 2 in the second). is it possible that i can center the second line, so that it looks more harmoniously

      – i embed a youtube video on the page. unfortunately it has a weird vertical format on the responsive site. can i change this that it’s horizontal (full width) on the screen?

      Kind regards

    • 5 years, 3 months ago Ruco
      Keymaster

      Hello,

      Please check it out this tutorial on how to set the One Page: https://codeless.co/create-one-page-wordpress-website-scratch-or-themes/

      Yes it is simple you have to create the two rows: Two Rows with 3 columns and you can add 3 single staff elements for the first row and 2 single staff elements in the second row.

      About the video, I have to check out the online link.

      Let me know.

      Regards!

    • 5 years, 3 months ago hey-sis
      Participant
      This reply has been marked as private.
    • 5 years, 2 months ago Ruco
      Keymaster

      Hello,

      You have only to drag and drop the third image to the second column.

      If you can’t do that share with us your wp credentials so we can do that for you.

      Regards!

    • 5 years, 2 months ago hey-sis
      Participant

      yeah but then it’s left-aligned and i would like the 2nd row to be centered..

      have you checked out the video?

      kind regards

    • 5 years, 2 months ago hey-sis
      Participant

      the thing with the Team i managed on my own now.

      but i have still the problem that the video is not responsive.

    • 5 years, 2 months ago Ruco
      Keymaster

      Hello,

      First, you have to add the following lines of code into Customizer > General > Custom CSS Box

      @media(max-width:767px){
         .cl_slider {
           min-height: 50px;
        }
        .cl_media video, .cl_media iframe{
               width:100%
               height:100% !important;
        }
      }

      If you can’t the persists send your wp credentials so we can do that customization for you.

      Regards!

    • 5 years, 2 months ago hey-sis
      Participant

      thank you!
      One last question in regard to the Team.. on some mobile phones (only iphones?) it doesn’t show the names (i set the “style” to “only photo”). is this fixable?

      thank you

    • 5 years, 2 months ago Ludjon
      Keymaster

      Hmm, I see, it should work when you click over the image. If you want to show image and name at the same time, use this:

      @media(max-width:767px){
        .cl_team .team-item .team-media-wrapper .team-overlay{
            height: auto;
            bottom: 0;
            top: auto;
            opacity: 1;
            padding-bottom: 10px;
        }
      }
      
    • 5 years, 2 months ago hey-sis
      Participant

      thank you, it works well. is it possible that i don’t have to tab on the pictures to get the name? so that it shows already all the names from the beginning?

      Thank you

    • 5 years, 2 months ago Ludjon
      Keymaster

      try by adding !important after opacity:1

      opacity:1 !important;

    • 5 years, 2 months ago hey-sis
      Participant

      the opacity works, but i have to tab on every single picture so that it shows me the name

    • 5 years, 2 months ago Ludjon
      Keymaster

      Sorry, I checked the website but didn’t find the code I send to you.

      Can you please add the custom code and let me see how it works

      Thanks

    • 5 years, 2 months ago hey-sis
      Participant

      hmm that’s weird.. i didn’t removed it, it’s still here.

      I added it into the Custom Codes

    • 5 years, 2 months ago Ludjon
      Keymaster

      Sorry, can you please try to add a space here:

      @media(max-width:767px){

      change to:

      @media (max-width:767px){

    • 5 years, 2 months ago Ludjon
      Keymaster
      @media (max-width:767px){
          .cl_team .team-item .team-media-wrapper .team-overlay{
            transform: translateY(0px) !important;
          -webkit-transform: translateY(0px) !important;
          -moz-transform: translateY(0px) !important;
          opacity: 1 !important; 
          }
      }

      Add this too.

      It’s better if you give me the credentials. I can fix it

      Thanks

    • 5 years, 2 months ago hey-sis
      Participant
      This reply has been marked as private.
    • 5 years, 2 months ago Ludjon
      Keymaster

      Check now make a hard refresh

      Thank You

    • 5 years, 2 months ago hey-sis
      Participant

      sorry but i can’t see any difference, i still have to tap on every single team member that i get the name

    • 5 years, 2 months ago Ludjon
      Keymaster

      Hi,

      Is it what you need: https://tinyurl.com/t85xok8

      Please open in incognito mode or clear cookies

      Thanks

    • 5 years, 2 months ago hey-sis
      Participant

      yes it is.

      (sorry for my late reply, email got into the spam folder)

    • 5 years, 2 months ago Ludjon
      Keymaster

      You’re welcome :)

      If you like our theme and support, leave us a rating on Themeforest, it’s very important for us :)

      https://themeforest.net/downloads

      Thank You so much

    • 5 years, 2 months ago hey-sis
      Participant

      sorry but my question was:

      “is it possible that i don’t have to tab on the pictures to get the name? so that it shows already all the names from the beginning?”

      when i check out the website on my phone (Iphone 5s), i still have to tap on every single team member to get their names.

      the thing is that most of the people probably won’t understand why there is a white bar under the pictures and that they have to tap on them..

    • 5 years, 2 months ago Ludjon
      Keymaster

      Yes, I understand and it is exactly like that. No need to click to show them. I think you need to clear cookies

      This is by default without a click:

      https://tinyurl.com/sk3dkaw

      Thanks

    • 5 years, 2 months ago hey-sis
      Participant

      i cleared the cookies (settings-safari-clear history and website data), but it still doesn’t work.. i tried it also with the incognito mode

    • 5 years, 2 months ago Ludjon
      Keymaster

      I don’t know, maybe I have missed something

      Do you need it only on Responsive (small devices)? It shows exactly like the image I have sent to you but on desktop it works only on hover. Is it what you need?

      Thanks

    • 5 years, 2 months ago hey-sis
      Participant

      yes I need it only on responsive (phones), the hover on the desktop version can stay.

      i don’t know if it has to do something with the size of the phone screen, but like I said, on my iphone 5s it doesn’t work.. and also on some phones of friend (android and IOS) you have to tap on the pictures

    • 5 years, 2 months ago Ludjon
      Keymaster

      https://ibb.co/jL3dgrj

      here it is again. It looks ok…try incognito on mobile too

      Thanks

    • 5 years, 2 months ago hey-sis
      Participant
      This reply has been marked as private.
    • 5 years, 2 months ago Ludjon
      Keymaster

      No problem, fixed it :)

      Thank You

    • 5 years, 1 month ago hey-sis
      Participant

      thank you for your help!

    • 5 years, 1 month ago Ludjon
      Keymaster

      You’re welcome :)

      If you like our theme and support, leave us a rating on Themeforest, it’s very important for us :)

      https://themeforest.net/downloads

      Thank You so much

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