Hi, I´ve just buyed the theme and im testing it, it looks great! Thanks. I´m trying to enable sticky header and manu at the top bar in the mobile version but I don´t see the option, is it possible?
Unfortunatly the theme doesn't have native support for mobile sticky header.
The problem with sticky headers on mobile devices is, that there is not much space left for the content, especially on small devices. The sticky header could take one third of available space and it is hard to read the content then.
What kind of information are you looking to display in the sticky header on mobile devices? Is it the menu, or do you want to display the call us button, social icons or something else?
Hi Andrej, thanks for the answer. I Think that for example to have a top bar, with the menu, and some icons including the it would be really helpful...
I send you and example... Logo, location, call, menu and contact form... It would really improve the way your template shows to the visitors in the mobile version :-)
As I already mentioned, this isn't possible out of the box. If you want the exact same solution, it is possible to custom code it. To create such section, which would only display on mobile and tablets, there are three necceserry steps:
1. Custom code an element, which is loaded on each page and style it. (HTML + CSS)
2. Hide it on desktop with CSS or Bootstrap 3 classes ( hidden-md, hidden-lg)
3. Add sticky behaviour to it on mobile devices.
What is possible with plugins:
I've checked couple of free plugins on wordpress.org, which could help you with the task. I found this one: https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/ You can use it to make any element sticky (step 3). You can either custom code an element in the child theme, or just use it to make an existing element sticky, like the header or the top-bar.
The plugin will not solve everything, it just makes the element sticky. Some knowledge of HTML and CSS is still a must, to style things properly.
As an example I created a sticky top-bar:
1. In Theme Options I enabled top-bar and set it to always visible on mobile:
2. I've only added an icon widget to keep it simple:
in the Sticky Menu (or Anything!) Settings I've set three things:
1. the .top-bar class 2. Limit it to mobile and tablets only with a breaking point of 991px 3. Push it above the slider with z-index (I've set it to 20)
if you want to add a menu icon as well, it needs to have a .hamburger-box class, so it fires the menu open/close behaviour. You would need to write custom HTML and add it to the top bar with a HTML widget.
Hi Andrej, thanks for the answer! Maybe I will check the solution, i will tell to my client if he doesnt mind to sont have a sticky menu :-)
I am working with the template, and Im finding that in several sections I have a background, I dont know how to fing where I can change this default background, can you help me?
I am guessing the background imags are either set on the rows or on the cells.
Edit the row:
Then you will see the background image option under the "design" tab. To edit the cell bg, first click on the cell which you are editing and the Cell styles option will appear on the right side:
We offer customisation services. If you need some additional functionality, let us know and I'll send you a quote. We develop it, then deliver in a form of a child theme or a plugin, so it is upgrade friendly (you can safely upgrade the theme to a newwer version, without loosing your custom functionality). Our hourly fee is 60$.
Hi, I´ve just buyed the theme and im testing it, it looks great! Thanks. I´m trying to enable sticky header and manu at the top bar in the mobile version but I don´t see the option, is it possible?
Thanks in advance!
Mauri
Hi,
Unfortunatly the theme doesn't have native support for mobile sticky header.
The problem with sticky headers on mobile devices is, that there is not much space left for the content, especially on small devices. The sticky header could take one third of available space and it is hard to read the content then.
What kind of information are you looking to display in the sticky header on mobile devices? Is it the menu, or do you want to display the call us button, social icons or something else?
Kind regards,
Andrej
OrionThemes
Hi Andrej, thanks for the answer. I Think that for example to have a top bar, with the menu, and some icons including the it would be really helpful...
I send you and example... Logo, location, call, menu and contact form... It would really improve the way your template shows to the visitors in the mobile version :-)
Best regards,
Mauri
Hi Mauri.
As I already mentioned, this isn't possible out of the box.
If you want the exact same solution, it is possible to custom code it. To create such section, which would only display on mobile and tablets, there are three necceserry steps:
1. Custom code an element, which is loaded on each page and style it. (HTML + CSS)
2. Hide it on desktop with CSS or Bootstrap 3 classes ( hidden-md, hidden-lg)
3. Add sticky behaviour to it on mobile devices.
What is possible with plugins:
I've checked couple of free plugins on wordpress.org, which could help you with the task. I found this one: https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/
You can use it to make any element sticky (step 3). You can either custom code an element in the child theme, or just use it to make an existing element sticky, like the header or the top-bar.
The plugin will not solve everything, it just makes the element sticky. Some knowledge of HTML and CSS is still a must, to style things properly.
As an example I created a sticky top-bar:
1. In Theme Options I enabled top-bar and set it to always visible on mobile:
2. I've only added an icon widget to keep it simple:
in the Sticky Menu (or Anything!) Settings I've set three things:
1. the .top-bar class
2. Limit it to mobile and tablets only with a breaking point of 991px
3. Push it above the slider with z-index (I've set it to 20)
And here is the result
https://jmp.sh/tMlya04
if you want to add a menu icon as well, it needs to have a .hamburger-box class, so it fires the menu open/close behaviour. You would need to write custom HTML and add it to the top bar with a HTML widget.
I hope this helps.
Kind regards,
Andrej
OrionThemes
Hi Andrej, thanks for the answer! Maybe I will check the solution, i will tell to my client if he doesnt mind to sont have a sticky menu :-)
I am working with the template, and Im finding that in several sections I have a background, I dont know how to fing where I can change this default background, can you help me?
Also, do you offer customization services? :-)
Thanks in advance,
Mauri
Hi Mauri,
I am guessing the background imags are either set on the rows or on the cells.
Edit the row:
Then you will see the background image option under the "design" tab. To edit the cell bg, first click on the cell which you are editing and the Cell styles option will appear on the right side:
We offer customisation services. If you need some additional functionality, let us know and I'll send you a quote. We develop it, then deliver in a form of a child theme or a plugin, so it is upgrade friendly (you can safely upgrade the theme to a newwer version, without loosing your custom functionality). Our hourly fee is 60$.
Kind regards,
Andrej
OrionThemes