Login / Register

[lovewp]

Why are my social icons on a different line than my login and registration? This is something new, can you please help with this. The display is off on my iPad in Portrait mode and the iPhone. Attached is the screenshot.

Thanks.

Attachments:

You must be logged in to view attached files.

[lovewp]

Has anyone taken a look at this?

[Kamal]

Hi @lovewp,
Yes, you are reviewing your problem. Please give us some time to review your problem. Kindly be patient and it would be very easy and faster for us to solve your problem if you could give us the web site link to your site so that we can test it. 🙂
Thank you very much,
Kamal

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lovewp]

@kamal why would i need to give you my URL? all you have to do is turn on your top menu in the demo and load it up on an iPad or iPhone 6, I disabled all my plugins and reloaded the site, it’s still broken, as you can see from the screenshot I attached, the code is wrong somewhere.

This issue has zero to do with me, I’ve followed the installation guide.

Please look at this issue, you can clearly see the error in the screenshot, I have not modified any code.

-J

[Kamal]

Hello,
I have tried to reproduce your problem but I could not. The top menu on test shows perfectly on iPad, I mean in one line and on iPhone on two lines as the space is little and it is the default behavior. It would be great if you could give me the web address to your site to check the issue. You can also try updating your theme and deactivating plugins and clearing browser caches. Maybe any plugin is conflicting with responsive css code though I am not 100% sure about it. You can test it.
Regards,
Kamal

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lovewp]

This reply has been set as private.

[Kamal]

Hi,
Thank you very much. I will never share your url. You can trust me. Okey, I have got your problem. I tested with many menus on top menu but now I can see the problem with two links. Kindly let me some more time to find the solution. I have to edit some css for this.
Thanks,
Kamal

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Kamal]

Hi,
I have got a solution to your problem. I have tested it and it really works great on ipad and iphone.
You need to do a little work to get this done. 🙂 I hope you do not mind doing this.
1. Copy the file “general-header-section.php” from wp-content/themes/kleo/page-parts/general-header-section.php.
2. Create a folder inside kleo-child theme’s main directory with the name “page-parts” and paste the copied file.
Now you need to edit the file a bit.
In the line no 23, you need to change the following line

COPY CODE

'top-menu col-sm-12 col-md-7 no-padd'

to

COPY CODE

'top-menu col-sm-7 col-md-7 no-padd'

and in line no 58 , you will need to change the following line

COPY CODE

"col-sm-12 col-md-5 no-padd"

to

COPY CODE

"col-sm-5 col-md-5 no-padd"

These changes will fix the problem on all iPad. However, if you would like to show your the top menu in one line on iphones and other small device then you can add an extra class to you above code.
Therefore for iphone or small devices, your first changed code at line 23 should look like the following

COPY CODE

'top-menu col-xs-7 col-sm-7 col-md-7 no-padd'

Please notice I have added col-xs-7 to the previous code here.
and your second changed code at line 58 should look like the following.

COPY CODE

"col-xs-5 col-sm-5 col-md-5 no-padd"

Here also I have added col-xs-5 to the previous changed code.
I have tried my best to explain in details. Still if you have any problem to understand anything, please ask me anytime. 🙂

Thanks,
Kamal

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lovewp]

This reply has been set as private.

[lovewp]

This reply has been set as private.

[lovewp]

This reply has been set as private.

[Kamal]

Hi,
Yes,
I do have received your response. Kindly be patient. I am checking your problem. I have tested your problem again and I found menu works fine and for bottom border I am writing the process to tell you to fix it.
So if this time your problem is not fixed then I am referring it to our lead developer.
Now kindly give me a little time to help you.
Thank you very much for your patience.
Kamal

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lovewp]

Thank you @kamal

[Kamal]

Hi,
Sorry for a bit late reply. Last night I had to sleep as I was very late. I have told you this so that you know I am taking care of your issue seriously.
Well, I have found the solution to border problem.
Please put the following code to Dashboard>Appearance>Editor>style.css and save the file.
Here is the code:

COPY CODE

@media screen and (max-width: 991px){
  #top-social {
  border-bottom-style: none !important;
  border-bottom-width: 0;
 }
 .top-bar {
  border-bottom: 1px solid #e5e5e5 !important;
 }
}

In my test I has worked perfectly, Please let me know if this works for you. 🙂 Thank you very much for your patience.
Regards,
Kamal

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Attachments:

You must be logged in to view attached files.

[lovewp]

This reply has been set as private.

[Kamal]

Hi, I do not need to login to your wordpress admin panel. You just need to login to your wp dashboard and copy the above code and paste them in the style.css file which can be found From Appearance>editor>style.css. and then save the style.css file. and you should see the change. I am sorry that I do not understand clearly what you meant by “I put in the CSS you sent”. where did you put the code I sent? Please follow the step I mentioned. It should work just fine as it is working on my end.
Thanks,
Kamal

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Attachments:

You must be logged in to view attached files.

[lovewp]

This reply has been set as private.

[Kamal]

Hi, I am really surprised. I have just had a look at your site, and found that your css code was not loaded. I do not know exactly why it does not load if you really put that code properly.
If you do not have problem then you can give temporary access to your site with a private message here to fix that problem with my own hand. I can not find any other easy solution for you.
Thank you,
Kamal

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lovewp]

This reply has been set as private.

[lovewp]

This reply has been set as private.

[Kamal]

Yes, that is all I need. Thank you very much. Now kindly let me test it.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Kamal]

Hi,
Now you can now check. I have fixed it. A screenshot is added. and I feel very sad that you deleted the account during my test and before replying here. If you do not believe us then you should not share your access. By the way, I am really surprised to see that I did not find our theme on your site. You completely changed the name of our theme, author name etc. I do not know if it is okey. I hope @Abe knows better about this. As you modified the theme core files so it did not work just by placing the code in style.css. Finally I could solve it by placing the code in quick css.
Have a great time with your site.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Attachments:

You must be logged in to view attached files.

[Abe]

I don’t see a problem in replacing theme name in an install if that is the user choice as long as you don’t pretend you built it 😉

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[lovewp]

This reply has been set as private.

[lovewp]

This reply has been set as private.

[Abe]

@lovewp I totally understand

Thank you

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[lovewp]

This reply has been set as private.

[lovewp]

@kamal you fixed this once, can you please tell me what you did. Thanks.

[Author]

Posts