How to add item to Custom one page menu

Home Forums Himalayas Free How to add item to Custom one page menu

This topic contains 9 replies, has 3 voices, and was last updated by  Nilan 5 days, 5 hours ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1322864

    eilian
    Participant

    Hello there!
    I’ve recently installed the Himalayas Theme and it looks great, thanks! Browsing through this forum I have solved a lot of things already. Except the following:
    I’ve created a one-page menu with the TG widgets and it works like a charm. However, I would like to add a normal page to the one page menu to which you can scroll to. I have created the page, and used the http://www.mypage.com/#pagename as a customized link. But it doesn’t work. Nothing happens. The only way I can add the page to the main menu is by adding it in the normal way, it’s clickable then, but not part the one-page.
    Is there anything that I am missing?

    I’ve also tried it by adding a text widget. Creating it as text. Is does appear then on the one-page, but I am not able to add it to the main menu. If this is the only way, adding it as text, could you supply me with some CSS code to centre the title, as you also did with the Instagram Widget that I found on this forum and implemented?

    Looking forward to your response.

    #1323000

    ashishsthanp
    Moderator

    Hello, @eilian

    Please provide your site URL so that we can provide you necessary CSS or any other support properly.
    Also, this instruction from our documentation might help you more:
    https://themegrill.com/theme-instruction/himalayas/#menu

    Regards,
    ThemeGrill Support Team.

    • This reply was modified 2 weeks, 5 days ago by  ashishsthanp.
    #1323115

    eilian
    Participant
    This reply has been marked as private.
    #1323372

    ashishsthanp
    Moderator

    @eilian
    Please add #text-5 instead of #testimonials on the menu link.

    And you can add following code inside Appearance > Customize > Additional CSS for centering the testimonial :

    #text-5.widget {
        width: 1170px;
        margin: 0 auto;
        position: relative;
    }
    .main-title {
      display: block;
    }

    Thanks.

    #1323419

    eilian
    Participant

    Thank you for the CSS. I have done exactly as you told regarding changing testimonials, but it doesn’t seem to work. Also, the blue horizontal lines next to the titles have vanished.

    I have already put some css in the additional CSS, and that works well. Do you think it has to do with that? I have copy-pasted all the additional CSS as it is below.

    `
    #wdi_instagram_widget-2 {
    text-align: center;
    }

    .widget_service_block .tg-column-3 {
    width: 44%;
    }
    .widget_service_block .service-content-wrapper .tg-column-wrapper .clearfix {
    display: none;
    }
    #text-5.widget {
    width: 1170px;
    margin: 0 auto;
    position: relative;
    }
    .main-title {
    display: block;
    }

    #1323573

    Nilan
    Moderator

    Hi eilian,

    Please, remove the following CSS code from your custom CSS.

    .main-title {
         display: block;
    }

    And then add text-align: center to #text-5.widget. Or simply copy the following CSS and paste it to your custom CSS.

    #text-5.widget {
        margin: 0 auto;
        position: relative;
        text-align: center;
        width: 1170px;
    }

    Hope this will resolve your problem. If there is anything else you need, please let us know.

    Regards,
    ThemeGrill Support

    #1323835

    eilian
    Participant

    Thank you very much for your help. That does the trick!

    #1323930

    ashishsthanp
    Moderator

    Hello, @eilian

    Glad to know it worked for you.

    If you get any issue later, feel free to ask again!

    We would really appreciate if you could provide us a review here:

    https://wordpress.org/support/theme/himalayas/reviews/?filter=5

    Regards,
    ThemeGrill Support Team.

    #1324775

    eilian
    Participant

    Thank you again so much. I have placed review regarding the theme and support. I do have an additional question that probably requires some CSS. The website is currently live, you can see it here.
    The text box (text-5.widget) with testimonials works like a charm on a desktop computer, but it’s much too broad on a smartphone. How can I make it responsive so that it’s also readable on a smartphone?
    Looking forward to your response.

    #1324912

    Nilan
    Moderator

    Hi Eilian,

    Please, add the following CSS code to your custom code.

    @media (max-width: 1169px) {
    
        #text-5.widget {
            padding: 0 15px;
            width: 100%;
        }
    }

    Hope this will help to view your site in all kinds of devices. If there are any issues or error while checking your site on any device after implementing the given CSS code, do let us know.

    Regards,
    ThemeGrill Support

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.