I have created myself a mega-menu i.e. a main menu that then has sub-menu's or dropdown if you will, however the sub-menu's are the full width of the the page and I only want them to show up under the appropriate heading in the main menu.
As at the moment I am using header layout type 12 and my main menu appears top right but the sub headings seem to be set to left adjuster meaning that my sub-menu headings appear far left. Do you know how I can fix this?
Also are you able to use different logo's in the header for on different pages?
Many thanks and apologies if I have missed anything.
For the mega menu I am not sure to understand, I would like to see the settings you made from appearance menu and also if possible a link to your site would really help.
For the logo this is not possible without creating new header template where you would need to change the logo url.
and attached are some screenshots of the settings I have made from the appearance menu the first shows you my menu structure, the second shows the settings under the sub menu 2 tab (this is the header tab that you seem to have to have and the third attachment shows you the settings I have applied under the contact us tab and send us an enquiry.
I hope this helps, Thank you for letting me know about the header - do you know where I may find instructions on how to create a new header template?
Hi Thanks so much for your answer it was super helpful. I have one more question - I am trying to change the mobile menu icon from being the three lines/hamburger icon to just saying 'menu' I believe I need to change this in either the css or php but do you know where? Or if there is an easier way to do this?
1. Is there any way of changing the order that page elements load on a mobile? - i.e. at the moment on a mobile the pictures on our Heist page and Battlefield Hardline page load before the writing and ideally we want the text to load first, is there a way to change this?
2. On these pages is there a way to link the pictures so that you could scroll through them when they are enlarged, but still have all the thumbnails visible on the page as they are when they are not enlarged - I have played around with the image gallery element but it does't do what I want - as it won't show you all of the thumbnails.
Hi
I have created myself a mega-menu i.e. a main menu that then has sub-menu's or dropdown if you will, however the sub-menu's are the full width of the the page and I only want them to show up under the appropriate heading in the main menu.
As at the moment I am using header layout type 12 and my main menu appears top right but the sub headings seem to be set to left adjuster meaning that my sub-menu headings appear far left. Do you know how I can fix this?
Also are you able to use different logo's in the header for on different pages?
Many thanks and apologies if I have missed anything.
K
Hello Katherine, thanks for purchasing Thefox!
For the mega menu I am not sure to understand, I would like to see the settings you made from appearance menu and also if possible a link to your site would really help.
For the logo this is not possible without creating new header template where you would need to change the logo url.
Waiting for your reply.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi
Thanks for your reply.
The website is: www.dev.differencengine.co.uk
and attached are some screenshots of the settings I have made from the appearance menu the first shows you my menu structure, the second shows the settings under the sub menu 2 tab (this is the header tab that you seem to have to have and the third attachment shows you the settings I have applied under the contact us tab and send us an enquiry.
I hope this helps, Thank you for letting me know about the header - do you know where I may find instructions on how to create a new header template?
Many thanks
K
Hello Katherine,
The problem is that you have set the megamenu to 1 column, the megamenu can be used from 3 columns
If you just want to use a sub menu you don't need to activate the sub menu.
Also it seems you have set your dropdown to be transparent.
For the header template, there is not tutorial, but you can check the wordpress page : https://codex.wordpress.org/Function_Reference/get_header
You will need to create a new page.php and change the get_header function and create a new header file.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi Thanks so much for your answer it was super helpful. I have one more question - I am trying to change the mobile menu icon from being the three lines/hamburger icon to just saying 'menu' I believe I need to change this in either the css or php but do you know where? Or if there is an easier way to do this?
Many thanks
Hello Katherine,
You're welcome!
For the menu you can add this custom css ( thefox > styling options ) :
#nav_button:before, #nav_button_alt:before { color: #ffffff; content: "Menu"!important; font-family: lato; }
This should change the hamburger to "Menu" text.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hey!
Thanks so much - that's great!
Two final queries (sorry!):
1. Is there any way of changing the order that page elements load on a mobile? - i.e. at the moment on a mobile the pictures on our Heist page and Battlefield Hardline page load before the writing and ideally we want the text to load first, is there a way to change this?
2. On these pages is there a way to link the pictures so that you could scroll through them when they are enlarged, but still have all the thumbnails visible on the page as they are when they are not enlarged - I have played around with the image gallery element but it does't do what I want - as it won't show you all of the thumbnails.
Thank you again - this forum is really helpful!
Hello Katherine,
You're welcome
1. If you want to do this :
Go edit your current columns that doesn't show properly on mobile and check this box to make them hidden on mobile
https://drive.google.com/open?id=0B4U2I7SLFLQYeGI2ZkY2Wm1jdTg
Then create new columns using the content specialized for the mobile and change the columns design options like this :
https://drive.google.com/open?id=0B4U2I7SLFLQYblN0amRsc3JvcFU
This is how you will be able to make the page looks perfect on mobile too.
2. I am sorry but I don't understand this part : "but still have all the thumbnails visible on the page as they are when they are not enlarged "
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme