Okay
  Public Ticket #3603381
Adjusting width of side menu
Closed

Comments

  •  1
    ehem256 started the conversation

    hi,

    I used the demo importer to download the "BUSINESS" demo and applied the theme.

    Now that its applied, how do I adjust the width of the side menu. 

    Attached a picture, kindly refer to the red arrows. 


    Attached files:  pic.png

  •  3,001
    Andrew replied

    Hi there,

    Thank you for reaching out to us.

    Could you please share your site URL so we can check this out for you?

    We look forward to your reply.

    Thanks,

  •  1
    ehem256 replied

    Hi Andrew,

    Its notarisesg.com

  •  3,001
    Andrew replied

    Hi again,

    Thank you for getting back to us.

    The current menu looks different than the one in your earlier screenshot? You can restore the previous menu and we share the CSS to adjust the size of the menu.

    We look forward to your reply.

    Thanks,

  •  1
    ehem256 replied

    Ignore the screenshot. 

    Just refer to the current website state.

    thanks

  •  1
    ehem256 replied

    Am taking the site offline for maintenance.

    Kindly let me know when the additional code is done. Thank you.


  •  1,921
    Judith replied

    Hi there,

    Thanks for writing back.

    You can adjust the side menu width by adjusting the padding from Salient > Header Navigation > Logo & General Styling :

    5374260916.png

    I hope this proves helpful. Should you have any further questions or encounter any issues, please don't hesitate to reach out.

    Best regards,

  •  1
    ehem256 replied

    Hi Judith, I tried to make the width smaller. Do I input -10 for example?

    There's no effect. I even tried to make it bigger to no avail too.


  •  1,921
    Judith replied

    Hi there,

    Thanks for writing back.

    To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:

    From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:

    @media only screen and (min-width: 1000px){
    #header-outer[data-format=left-header] {
        width: 207px;
    }
    }

    Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related

    If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help. 

  •  1
    ehem256 replied

    Hi Judith,

    That worked a treat. It worked.


  •  1
    ehem256 replied

    Hi,

    I have a 2 new queries.

    Now that I narrowed the width of the vertical menu, the footer is now left with a gap. 

    I realised I can make the footer background white but I am unable to do so despite making the changes in the menu.

    Also, i realised with the CSS code input, the rest of the page does not fill up the space left behind.

    Kindly assist

  •  1,921
    Judith replied

    Hi there,

    Thanks for writing back

    To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:

    From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:

    body #footer-outer #copyright, .ascend #footer-outer #copyright {
        background-color: #ffffff;
    }
    @media only screen and (min-width: 1000px){
    .container, body[data-header-format="left-header"] .container, .woocommerce-tabs .full-width-content .tab-container, .nectar-recent-posts-slider .flickity-page-dots, .post-area.standard-minimal.full-width-content .post .inner-wrap, .material #search-outer #search {
        max-width: 1792px;
    }
    }
    @media only screen and (min-width: 1000px){
    body[data-header-format="left-header"] .container, body[data-header-format="left-header"] .woocommerce-tabs .full-width-content .tab-container, body[data-header-format="left-header"] .nectar-recent-posts-slider .flickity-page-dots, body[data-header-format="left-header"] .post-area.standard-minimal.full-width-content .post .inner-wrap {
        padding: 0 0px;
    }
    }

    Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related.

     If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help. 

  •  1
    ehem256 replied

    Hi Judith, 

    It didnt work. Thats fine. I have reverted to the original state. 


    Thank you.



  •   ehem256 replied privately
  •  1,921
    Judith replied

    Hi there,

    Thanks for writing back.

    To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:

    From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:

    .main-content > .row > #breadcrumbs.yoast {
        display: none;
    }

    Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related.

     If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help. 

  •  8,939
  •  1
    ehem256 replied

    Thank you both for the help.

    Solved. 

  •  1,921
    Judith replied

    Hi there,

    You're welcome.

    I'm happy that we could assist you! If you haven't already, please consider sharing your experience by leaving a review on ThemeForest

    Your feedback is valuable to us and greatly appreciated!

  •   ehem256 replied privately
  •  1,921
    Judith replied

    Hi there,

    Thanks for writing back.

    I would request for the new issue you open a new ticket to help us avoid any confusion and offer seamless support.

    I look forward to your response.

  •  3,001
    Andrew replied

    Hi there,

    Thank you for getting back to us.

    You can change this in the wp-admin > appearance > customize > site identity. Here's an article on the same https://www.inmotionhosting.com/support/edu/wordpress/change-title-tagline/

    Try this and let us know how it goes.

    Cheers,