Home › Forums › All Other Themes › Karate Theme – Center grey information box in mobile
- This topic has 14 replies, 2 voices, and was last updated 2 years, 2 months ago by Sonl Sinha.
-
AuthorPosts
-
September 9, 2022 at 12:36 am #200417
Hey guys, When I look in the mobile version of kalsamrit.com/sample the information in the grey box under the slider doesn’t lineup. Is there a way to make it in 2 rows beside each other?
So “Address Section” and “Call Us Section” beside each other and “Business Hours Section” and “Social Media Section” beside each other
Thank you
September 9, 2022 at 7:00 pm #200424Hi,
Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:
@media screen and (max-width:479px) { .elementor-section.elementor-top-section.elementor-element.elementor-element-c8b5250.elementor-section-boxed.elementor-section-height-default .elementor-column { width: 50%; } }
Regards,
ChrisSeptember 9, 2022 at 7:36 pm #200426Thanks Chris!
September 12, 2022 at 4:55 pm #200439Hi,
If you found our service good kindly review us here: https://www.trustpilot.com/review/sktthemes.org
Regards,
ChrisSeptember 12, 2022 at 9:04 pm #200444Review has been made thanks
September 12, 2022 at 10:37 pm #200445How would I go about making the long drop down menu under “Instructors” in the header go into 2 rows instead of the one? Or should I make this a different topic?
September 13, 2022 at 5:57 pm #200472Hi,
Kindly use this CSS to fix header issue.
.has_trans_header .header.type3 #topmenu ul li a, .has_trans_header .header.type4 #topmenu ul li a { padding: 20px 22px; }
Regards,
ChrisSeptember 13, 2022 at 8:06 pm #200478Hi Chris,
This did not work for meSeptember 14, 2022 at 10:36 am #200485Hi,
Okay, Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.
Regards,
ChrisSeptember 14, 2022 at 6:52 pm #200504https://ibb.co/5cJ4XyC
September 14, 2022 at 6:56 pm #200505Hi,
Kindly use this CSS.
.header.type4 #topmenu ul li ul li a { padding: 4px 8% !important; }
Regards,
ChrisSeptember 14, 2022 at 7:03 pm #200506Thanks for the fast response! Unfortunately it did not change the drop down menu under “Instructors”. It’s still just one row instead of two.
September 15, 2022 at 10:38 am #200509Hi,
Kindly use this one.
#topmenu #menu-item-33 ul { column-count: 2; column-gap: 0; width:400px !important; }
Regards,
ChrisSeptember 15, 2022 at 7:49 pm #200516It works! Thank you Chris
September 16, 2022 at 10:31 am #200523Welcome 🙂
Regards,
Chris -
AuthorPosts
- You must be logged in to reply to this topic.