Hello,
I am using “News Week” demo theme on my website, I do not have mobile plugin installed.
There are some differences between mobile and desktop view and i just want website to be the same for any device.
1st difference:
The desktop view:
Mobile View:
In Mobile View, the logo’s not showing completely.
How to adjust it for mobiles to view the logo fully?
2nd difference:
Mobile view:
There are 2 buttons, First is Sign in and the second is Join, However in Desktop View, there is just one button
Sign in / Join. I’d prefer to have 2 buttons in desktop view as well.
So, how could i make it both mobile and desktop view the same?
Thanks in advance.
Hello hellonikoloz,
I have checked your mobile responsive version and it seems to work as expected. Notice that your mobile logo is not fully displayed because the size of it is too big. You should load another logo for mobile mode. The social networks are here -> https://www.screencast.com/t/0rYoc6NI Only two as you have it on the desktop view as well.
Thanks for your understanding!
Not the social networks, I meant Sign in / Join buttons.
In desktop mode there is one button “sign in / join” button together and in mobile view the Sign in and Join buttons are separate.
Look at the screen:
And about the logo size, I understand that it has many letters and that’s why it is not fully visible, however theme should be adjusting it for mobile, i mean theme should minimizing the logo text font for mobiles, isn’t it right?
Hello,
Yes, please notice that the theme will auto resize the Text Logo on mobile devices if you will use the text logo, as you can see here -> https://www.screencast.com/t/OZ27ZVglCq Regarding on Sign in / Join buttons the style are different on mobile than the desktop version, sorry!
Thanks for your understanding!
Catalin, Thanks for your reply.
Let’s start from the logo, I am using text logo not the image logo, you could have noticed, if you have checked it, it is text logo, header style 10, on News Week theme demo.
So why theme is not resizing the logo for mobile devices?
Second, about the sign in / join buttons.
Of course i am aware that the styles are different for desktop and mobiles, and that is exactly why i opened this topic to get help to make it the same. I mean the theme is one, so why should i have different view on mobile devices? Just answer me. Styles are different is not the answer, because styles should not be different. I am just asking for help to either make 2 buttons in desktop view or 1 button on mobile view, so the website will be the same for any device. Just tell me how and what to edit in the theme editor.
Thanks.
+ Top menu’s not available in mobile view.
Hello hellonikoloz,
If you want to customize your mobile mode you should do it yourself or you can try the mobile theme.
If you want to display the top bar menu on the mobile devices, you should use a bit of CSS code for it. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
@media (max-width: 767px){
.td-header-sp-top-menu {
display: block !important;
}
}
Thanks for your understanding!
That css code does not show top bar in the mobile devices. you can check yourself
siteww.com
Also in when i put that code into custom css area, it says : “use of !important”
Hello,
Try the code below ->
@media (max-width: 767px){
.td-header-top-menu-full {
display: block !important;
}
}
You should use the !important tag to give more priority to your code.
Thanks for the message!
Thanks for reply,
However that code only showed social icons, not the top header menu.
Have a look at this screen:
—-
Regarding !important tag- is this alert icon okay?
Look at the screen:
Hello hellonikoloz,
Yes, it’s okay! No problem, you can use this tag without any problem.
Thanks.
Thanks
