Home › Forums › Jevelin Theme › header layout
Home › Forums › Jevelin Theme › header layout
Hello
Please could you let me know how to add an image to the right-hand side of the black top bar?
I would also like the navigation to be left-aligned so it sits under the logo. Is this possible? I have tried to change this using Yellow Pencil but the navigation ends up moving to the left hand edge of the screen.
Finally is it possible to have global templates so when you adjust them on one page it changes them on all the pages?
I have pasted my website url below.
Many thanks for your help
Esme
Hi Esme,
I hope you are well today and thank you for your questions.
I would also like the navigation to be left-aligned so it sits under the logo. Is this possible? I have tried to change this using Yellow Pencil but the navigation ends up moving to the left hand edge of the screen.
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container .sh-header-10 .sh-nav-left { padding-left: 0; }
Please could you let me know how to add an image to the right-hand side of the black top bar?
Finally is it possible to have global templates so when you adjust them on one page it changes them on all the pages?
To achieve this, you have to develop custom code in the child theme of Jevelin theme.
Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support
If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5
Best regards,
Shufflehound team
Thanks very much for your help, the navigation alignment looks great now.
One final question, I have used css to highlight the active menu button when you are on that page (so on the home page the Home button has a white background). Is it possible to use css to highlight the top level button if you are on a sub page in that section. For example if I go to the Policies page in the ‘Who we are’ section, can the ‘Who we are’ button be highlighted?
Many thanks
One final question, I have used css to highlight the active menu button when you are on that page (so on the home page the Home button has a white background). Is it possible to use css to highlight the top level button if you are on a sub page in that section. For example if I go to the Policies page in the ‘Who we are’ section, can the ‘Who we are’ button be highlighted?
You can achieve it using below custom CSS code.
.sh-header .sh-nav > .current-menu-ancestor { background-color: #ffffff!important; }