Hello guys. Me need our help.
How setup header + menu + logo as on this theme, example:
https://magsy.mondotheme.com/2018/09/29/the-next-cool-fashion-magazine/
I want create fixed sticky menu.
And header should not be changed (in height) when scrolling.
Thx 😉
one more thing
This theme provides a floating block with buttons to share how here, example:
https://authentictheme.com/grind/2016/05/02/fun-things-to-do-in-rome/
Up
Nobody knows how to do this? 😐
Hi,
Unfortunately, the theme does not have any such an option for this functionality, sorry! Only this setting is available from here -> https://www.screencast.com/t/OMnafrrqfUNm If you want to make some additional customizations, you need to do it by yourself through the code because we cannot provide custom work at the moment, sorry!
Thanks for the message!
Hello,
I sent you an email with a simple question about website grid. Total silence.
We lost a few hours to realize that it is impossible. You could write to us.
Problems with sticky menu hight is really strange.
Is it really hard to make simple instead complicated?
90% themes on Themeforest have this option.
The different sticky menu height in scrolling does not look pretty.
Please write here the css code to solve this problem to make happy many customers. 🙂
Regards,
Hi,
Please provide here your website URL so I can see your problem regarding on sticky menu. Also, you should provide some useful screenshots with this problem so I can identify it closer.
Thanks.
If I understand correctly, tin92f wants to make a similar menu, as implemented here:
https://magsy.mondotheme.com/
That is, when scrolling the site, the menu remains on top and its size does not change. How to do this?
Thanks for your reply.
I hope you still help me to make the same menu as here:
http://magsy.mondotheme.com
Here is the address of my test site:
http://tested.hostenko.com/
Thank! 🙂
So something like this? – http://prntscr.com/md4ml5
This is the code for it, I could modify it if needed
@media (min-width: 768px) {
.td-header-wrap .td-affix .sf-menu > li > a,
.td-affix .header-search-wrap .td-icon-search{
line-height: 80px !important;
}}
I wanted to do not quite.
My version code demonstrates my idea:
.td-header-wrap {
position: fixed;
}
If you use this code, then you will not have to activate the sticky menu in the theme settings.
But, as you can see, in this case, the whole heading moves out and it is not the full width. But at the same time, heder elements do not twitch during scrolling. And this is very good. This is just as in the theme MAGSY.
Add this code to it, should be what you wanted now – http://prntscr.com/mdl4n8
.td-header-wrap {
width: 100%;
}
.td-main-content-wrap {
margin-top: 80px;
}
Mean like that?
.td-header-wrap {
width: 100%;
position: fixed;
}
.td-main-content-wrap {
margin-top: 80px;
}
This is how it works. It’s just not clear why the absence has changed, it has become less.
http://prntscr.com/me5q4m
But if you remove a fixed position then the indent becomes larger:
http://prntscr.com/me5qr4
P.S. By default, the indentation should be more, the same as in the second screenshot. But in this case, you need to remove a fixed position, but if this is done then the menu will not move after the user when scrolling.
The code will work. You can increase the margin top in the code, for more space between the header and the content – http://prntscr.com/me828t
Simion, thank you very much. This is what I needed 🙂
