Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Alignment Issue: Logo With Menu Rate Topic   - - - - -

 
  • Fossils
  • Member
  • Members
  • Join Date: 18-Aug 16
  • 42 posts

Posted 20 August 2016 - 11:39 AM #1

Hi all, I am a newcomer to CS-Cart and just learning how it all works, so forgive me if this is a basic question, but how do I ensure alignment between the items in separate blocks on the same row?

 

For example, in screenshot attached, my logo is not lined up with the menu bar. It would be great if it lined up centered vertically with the menu bar from the same line.

 

Thanks!

Attached Thumbnails

  • Alignment.JPG
  • LayOut.JPG


 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 19775 posts

Posted 22 August 2016 - 07:11 AM #2

I am afraid, additional CSS code is required to align elements in the required way. If you provide us with the URL of the staging store, we can provide you with the required code. It will be required just to add it to the CSS section of the theme editor


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • dvsgr
  • Senior Member
  • Authorized Reseller
  • Join Date: 14-Apr 09
  • 1448 posts

Posted 22 August 2016 - 09:05 AM #3

Hi all, I am a newcomer to CS-Cart and just learning how it all works, so forgive me if this is a basic question, but how do I ensure alignment between the items in separate blocks on the same row?

 

For example, in screenshot attached, my logo is not lined up with the menu bar. It would be great if it lined up centered vertically with the menu bar from the same line.

 

Thanks!

 

 

As already eComLabs said you need to add some extra css

 

For a quick fix, you can add this

.ty-logo-container {
    margin-top: 50px;
}

 

to your visual editor (http://demo.cs-cart....h=themes.manage hit the blue button called theme editor) in the custom css tab and save it.

 

av60sp.jpg

 

If its not enough then try to raise the margin value a bit more till you get it as you wished.

 

Fotis


Fotis Kourmadas
Cs-Cart Development - Cs-Cart Authorized Reseller