Search Form and Social Buttons

HotThemes Logo and Top Menu

To request a forum account, please login here and open support ticket. Only customers with active order(s) can open forum account!

× Discussion about "Furniture Store" VirtueMart/Joomla template

Topic-icon Larger Logo = Wrong Menu Alignment

  • atomicdev
  • atomicdev's Avatar Topic Author
  • Visitor
  • Visitor
6 years 1 month ago #5498 by atomicdev
I read a previous post on changing the image size and got my logo the size I want but it's moved the menu across to the right (see pic) and no matter what I change in the CSS nothing moves it across to the left. Any ideas what I can try? Thanks!:woohoo:
Attachments:

Please Log in to join the conversation.

More
6 years 1 month ago #5506 by ivan.milic
Hi,

To move something of its original position you have to declare (in css or style attribute)

position:relative;

and then you can use top: and left: to move it in offset from it's original position.

examlple:

<div id="logo" style="position:relative;left:+50px;top:-20px;">
<IMG ...

Please Log in to join the conversation.

  • atomicdev
  • atomicdev's Avatar Topic Author
  • Visitor
  • Visitor
6 years 1 month ago #5508 by atomicdev
Okay, here's my code:

index.php
<div id="logo" ><a href="index.php"><img src="<?php echo $template_path ?>/images/logo<?php echo $templateStyle; ?>.png" width="380" height="120" alt="joomla furniture store" /></a></div>

layout.css
#logo {
	height:120px;
	width:380px;
	float:left;
}

Please can you tell me what to do, as I don't quite understand!:blink:

Please Log in to join the conversation.

More
6 years 1 month ago #5514 by ivan.milic
#logo {
height:120px;
width:380px;
position:relative;
top: +10px;
left: -15px;

}

Change +10 and -15 to values that will position your logo on right place.

Please Log in to join the conversation.

  • atomicdev
  • atomicdev's Avatar Topic Author
  • Visitor
  • Visitor
6 years 1 month ago - 6 years 1 month ago #5516 by atomicdev
I think we're getting our wires crossed. I don't have an issue with positioing my logo. It's that when I try to align the top menu in a correct position this happens:
url
Last Edit: 6 years 1 month ago by atomicdev.

Please Log in to join the conversation.

More
6 years 1 month ago #5519 by ivan.milic
Yes, that is not what you need. You need to change background color and color of menu items because currently is white and you don't see it, see this:

#nav li a {
color: white;
}

Add this:
<style type="text/css">
#nav li
{
background-color: #7E7E7E;
}
</style>

Using Edit HTML option in template manager just before end of pages <head>

Please Log in to join the conversation.

Time to create page: 0.126 seconds

Links, Partners and Social Media