Forum Replies Created
-
Posts
-
Thanks, Ismael!
I don’t know why I didn’t think of using the grid. I had just finished adjusting the single product images and summary using it. Lack of sleep, I guess..I’ve added code to allow for mobile portrait & landscape view, as well as desktop large, (min-width: 1340px), for anyone else who might want to use it.
@media only screen and (min-width: 1340px) {
.avia-button.avia-size-large {
min-width: 760px;
}
}@media only screen and (min-width: 1161px) and (max-width: 1350px) {
.avia-button.avia-size-large {
min-width: 668px;
}
}@media only screen and (min-width: 1007px) and (max-width: 1160px) {
.avia-button.avia-size-large {
min-width: 550px;
}
}@media only screen and (min-width: 786px) and (max-width: 1006px) {
.avia-button.avia-size-large {
min-width: 678px;
}
}@media only screen and (max-width: 785px) {
.avia-button.avia-size-large {
min-width: 428px;
}
}@media only screen and (max-width: 340px) {
.avia-button.avia-size-large {
min-width: 268px;
}
}Thanks for your support,
BenI understand completely, Devin. Unfortunately, for several reasons, one being this forum is indexed, I simply can’t make this site live to the public as of now. I will, however, post what I’ve done so far to help anyone whom might be looking to add this, what I consider to be common, feature when working with woocommerce.
Here’s a screenshot of what I’ve managed to do so far:
https://dl.dropboxusercontent.com/u/17031532/expo_navigation_menu_updated_2.png
EDIT HEADER.PHP AND ADD:
(Refer to Ismael’s post above.)
(I’ve moved this above, below, and in between <div id=’header_main’ class=’container_wrap container_wrap_logo’> with no success, as it’s still covered by the main container, but maybe one of you can get it working.)
ADD THIS TO YOUR QUICK.CSS OR CUSTOM.CSS:
#right-header {
position: absolute;
height: 80px;
line-height: 80px;
right: 151px;
}
#right-header a {
display: inline-block;
height: 80px;
}
#right-header a.login {
padding-bottom: 40px !important;
height: 80px;
width: 70px;
font-family: “proxima-nova-alt”,sans-serif;
font-style: normal;
font-weight: 700;
font-size: 13px !important;
text-transform: uppercase;
letter-spacing: 2px;
color: #919191;
}
(Obviously, you’ll have to adjust this css to fit your needs. For example, I’m using a custom font from Typekit, which most of you won’t need.)
Thanks to you both, Devin & Ismael, for your support,
Benjamin
Try this.
body.home div#full_slider_1 {
box-shadow: 0 0 0 transparent inset !important;
}
body.home div#after_full_slider_1 {
border-color: #FFFFFF;
}
Thanks for your help, Ismael.
This is a great start. Here’s an updated screenshot: https://dl.dropboxusercontent.com/u/17031532/expo_navigation_menu_updated.png
I still need to move it all up to the menu and allow room for the 200×80 button image, which you can barely see in the link above.
Any ideas?
Thanks,
Benjamin
Here’s an image showing what I’ve done so far and what I’m wanting to add.
https://dl.dropboxusercontent.com/u/17031532/expo_navigation_menu.png
Thanks for your reply, Devin. I figured that I was pushing the limits of support for this one. I would like to discuss a lot of freelance work with you soon, if you’re not too busy. As far as this is concerned, I’ve pretty much got it the way I want it.
Here’s what I’ve done so far:
/*MOVE NAVIGATION MENU TO LEFT: */
div .logo {
float: left;
position: relative;
left: 0;
display: block;
}
.main_menu {
clear: none;
position: relative;
left: 60px;
}
/*REMOVE SEARCH FROM NAVIGATION MENU */
#menu-item-search {
display: none;
}
/*REMOVE 5PX PADDING FROM TOP & BOTTOM OF LOGO */
.logo img {
padding: 0;
}
/*CHANGE THE COLOR & OPACITY OF HEADER BACKGROUND */
#header {background-color: rgba(255, 255, 255, 0.98);
}
As far as the logo, I just added a 1px border in photoshop and uploaded it.
Everything looks great, but I still need to add a Log In & Button to the right side of the header.
Any ideas? I’m using the small fixed header.
Thanks,
Benjamin
Hiding the URL isn’t the issue. To access this site, you would need to be logged in as a user.
It’s no longer an issue though, as I’ve made the necessary CSS changes myself.
Thanks,
Benjamin
