- This topic has 17 replies, 2 voices, and was last updated 3 weeks, 3 days ago by
Danny.
-
AuthorPosts
-
November 11, 2019 at 11:14 am #9050
Hi,
May I ask:
1. How can I set the logo central?
2. How can I change the color of the header menu?
3. How can I enlarge the menu icon?
4. How can I increase the padding of the logo?
5. The circled title is large on computer, but it is so small on the phone, may I ask why?Thank you
November 11, 2019 at 11:15 am #9051I do not know why no one is replying. My purchase code is 98fb53d3-fd8a-4b87-ac83-158146da5688
November 11, 2019 at 11:47 am #9053Danny
SupporterHi there,
Thanks for writing in!
We normally reply to all the tickets within 1-2 working day since we all have difference time zone. Thanks for your understanding!
1. You can change the Header layout to Center in your Dashboard > Appearances > Customize > Header > Header Layout. Or change it in bottom of your page/post editor.
2. You can change the header color in Appearances > Customize > Colors > Menu Color.
3. To increase the menu button, please add the code below to your Dashboard > Appearances > Customize > Addition CSS:
.widget-wrap.module.mobile-toggle i {font-size: 30px;}
4. To increase the logo padding, please go to Appearances > Customize > Header, and increase the Menu Height value.
5. About this issue, please point to specific page where we can see the problem.
Best regards,
DannyNovember 11, 2019 at 12:22 pm #9055Hi,
Thank you for your reply.
Regarding question 1, I set the logo as “Center Standard Header”, but the logo is still on the left.
Screenshot: https://ibb.co/Fhd86cvRegarding question 5, the title “About us” just turns small on the phone version while the other words (e.g. address, phone) do not decrease too much.
Link: http://peyecare.com/%e8%81%af%e7%b5%a1%e6%88%91%e5%80%91/
Screenshot:
https://ibb.co/MV2sPxQ
https://ibb.co/fxbM8ycThank you
November 11, 2019 at 2:53 pm #9056Danny
SupporterHi there,
Thanks for your info!
1. The Center Header Layout only apply to desktop screen size (120px and above) but not in mobile screensize. But you can try to add the code below to your Dashboard > Appearances > Customize > Addition CSS, to see if it work or not:
@media (max-width: 990px) { .module.widget-wrap.mobile-toggle {position: absolute; top: 0;} .nav-container nav .nav-bar > .module:first-child {width: 100%; text-align: center;} } .nav-container.minimal-header .social-list {padding-left: 15px;} .nav-container.minimal-header .social-list:before{display: none;}
5. To make the heading bigger, please add the code below to your Dashboard > Appearances > Customize > Addition CSS:
@media (max-width: 768px) { .headings-title .widgettitle, .vc_row .widgettitle {font-size: 30px!important;line-height: 40px!important;} }
Hope this helps,
DannyNovember 12, 2019 at 1:58 am #9059HI,
This is definitely a desktop screen size, but the logo is still on the left.
November 12, 2019 at 2:20 am #9061Danny
SupporterHi there,
Thanks for your info!
To set the header to center, please go to that page editor, scroll to bottom, and set the Header Layout to center as you wish as in the screenshot below:
If the problem persists, please share us the admin account of your site via private reply so we can investigate your case and help you out.
Best regards,
DannyNovember 12, 2019 at 3:15 am #9062Thank you, I am good with the logo for now.
I also want to ask about the menu:
1. Why the font color of the menu is different on different pages?
https://ibb.co/jJP32N0
https://ibb.co/6g14NNx
https://ibb.co/KKQc3wr2. Why the hover effect is different on menu3? (That white color line)
https://ibb.co/KKQc3wrThank you
November 12, 2019 at 3:17 am #9063November 12, 2019 at 1:31 pm #9064Hello?
November 12, 2019 at 1:56 pm #9065Danny
SupporterHi there,
Thanks for writing in!
This was caused by you’re using different Header Layout on those pages, to resolve this issue, please follow the steps here:
1. Go to your Dashboard > Appearances > Customize > Header, and choose the Header Layout you wish.
2. Go to those pages editor, scroll to bottom, and set the Header Layout to “default” in order to use the Header Layout setting in step 1.
The Navian theme comes with 2 theme options (“Appearances > Customize” & “Page options at bottom of the page/post”)
So in case you see the customize option doesn’t change as in “Appearances > Customize”, please just have a look at the “Page options at bottom of the page/post”.
It’s very simple indeed, just 2 points that you need to know to use our Theme Options.
1. There are global options that affect you entire site in “Appearances > Customize > Header”.
2. There are individual options that affect only that page or post in “Page options at bottom of the page/post”
If you want to use global options (1), please set those options as “default” in individual options (2).
In case you still can’t make it work, please share us the admin account of your site via private reply so we can help you out.
Hope this helps,
DannyNovember 12, 2019 at 2:36 pm #9066Hi,
1. Ok, so now I changed the headers to “Minimal Standard Header”. How can I change the color of the text of the menu?
2. Also, may I ask why there is a white line? How can I eliminate it?
3. What should I do if I want to let the menu stay on the left but not on the right?
Thank you
November 13, 2019 at 2:05 am #9069Danny
SupporterHi there,
1. If you want to change the menu color to white, please use the “Minimal Transparent Header” instead of “Minimal Standard Header”.
Or if you want to customize the menu color, please add the code below to your Dashboard > Appearances > Customize > Addition CSS (you can change the menu color as you wish) :
nav .menu li a {color: #030712!important;}
Also, you can change the menu color & sub menu background menu color in Appearances > Customize > Colors.
2. The white line is used to sepereted the social icons with the main menu (demo: http://demo.themelogi.com/navian/pages/header/?nav=minimal-transparent), to remove it, please add the code below to your Dashboard > Appearances > Customize > Addition CSS:
.nav-container.minimal-header .social-list:before {display: none;} .nav-container.minimal-header .social-list {padding-left: 15px;}
3. Regretfully, we’re only support the Header Menu Layout as in the screenshot below, you can try to use it, and choose the menu layout you wish:
You can also try the Center Left menu layout as in the demo here: http://demo.themelogi.com/navian/pages/header/?nav=center-left-transparent
We’ll consider to add more menu layout in next theme updates.
Hope this helps,
DannyNovember 13, 2019 at 2:30 am #9072Referring to question 1, I tried “Minimal Standard Header”, “Minimal Transparent Header” and “Minimal Transparent Header Header”, and there NO DIFFERENCE. I do not know why. And I have cleared cache
Also, I am not asking how to change the menu color, I am asking how to change the TEXT of the menu color (e.g. About us, Home, Contact us)
Thank you
November 13, 2019 at 2:31 am #9073I am asking how to change the TEXT color on the menu. (e.g. About us, Home, Contact us)
November 13, 2019 at 8:50 am #9074Danny
SupporterHi there,
To change those menu text color, please add the code below to your Dashboard > Appearances > Customize > Addition CSS (you can change the menu color as you wish) :
nav .menu li a {color: #030712!important;}
In case you still can’t make it work, please share us the admin account of your site via private reply so we can help you out.
Hope this helps,
DannyNovember 13, 2019 at 9:55 am #9076Thank you.
I have other questions.
May I ask how can I save a page as a template?
An how do I import the template on another page?
Basically copy a page.
Thank you
November 13, 2019 at 10:14 am #9077Danny
SupporterHi there,
About this issue, please have a look at our FAQs page here (scroll to bottom, in Question 15) : http://www.themelogi.com/tickets/topic/faq/
Hope this helps,
Danny -
AuthorPosts
- You must be logged in to reply to this topic.