× Discussion about "Furniture Store" VirtueMart/Joomla template

Topic-icon Larger Logo = Wrong Menu Alignment

  • atomicdev
  • atomicdev's Avatar Topic Author
  • Visitor
  • Visitor
7 years 3 months ago #5498 by atomicdev
Larger Logo = Wrong Menu Alignment was created 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 or Create an account to join the conversation.

More
7 years 3 months 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 or Create an account to join the conversation.

  • atomicdev
  • atomicdev's Avatar Topic Author
  • Visitor
  • Visitor
7 years 3 months ago #5508 by atomicdev
Replied by atomicdev on topic Larger Logo = Wrong Menu Alignment
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 or Create an account to join the conversation.

More
7 years 3 months 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 or Create an account to join the conversation.

  • atomicdev
  • atomicdev's Avatar Topic Author
  • Visitor
  • Visitor
7 years 3 months ago - 7 years 3 months ago #5516 by atomicdev
Replied by atomicdev on topic Larger Logo = Wrong Menu Alignment
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: 7 years 3 months ago by atomicdev.

Please Log in or Create an account to join the conversation.

More
7 years 3 months 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 or Create an account to join the conversation.

Time to create page: 0.133 seconds