Forum Replies Created
-
AuthorPosts
-
hashimakhtarParticipant
This did not work in custom CSS – And the button is not showing in mobile.
hashimakhtarParticipantHi Veena
Thanks for this but needs a few more tweaks.
1) Button should be rectangle (not rounded) and always stay at the right hand side to the edge of the browser. With the text colour in white for download only.
2) On mobile screens the download button should always appear.Many Thanks
hashimakhtarParticipantThis reply has been marked as private.hashimakhtarParticipantThis reply has been marked as private.hashimakhtarParticipantOkay i have added the download menu and now would like this menu to act like the download button so its always there ans linked to the section.
Thanks
hashimakhtarParticipantHi
This is a great solution but the download button will disappear when its mobile size.
hashimakhtarParticipantHi
Im not sure what these are?
hashimakhtarParticipantYes this has been resolved – Thanks
hashimakhtarParticipantIm sorry dont follow please advise where the code is? The above is an illustration i created.
hashimakhtarParticipanti have done the following and no changes are appearing please advise in custom.css
icon-dashboard {
width: 128px; /* Icon Image Width */
height: 128px; /* Icon Image Height */
background: url(http://www.operty.com/wp-content/uploads/2018/07/dashboard.png);
display: block;
margin-bottom: 20px;
}
.flex-active i.my-image-discover {
background: url(http://www.operty.com/wp-content/uploads/2018/07/dashboard1.png);
}icon-house {
width: 128px; /* Icon Image Width */
height: 128px; /* Icon Image Height */
background: url(http://www.operty.com/wp-content/uploads/2018/07/portfolio.png);
display: block;
margin-bottom: 20px;
}
.flex-active i.my-image-discover {
background: url(http://www.operty.com/wp-content/uploads/2018/07/portfolio1.png);
}icon-folder-shared {
width: 128px; /* Icon Image Width */
height: 128px; /* Icon Image Height */
background: url(http://www.operty.com/wp-content/uploads/2018/07/Memo.png);
display: block;
margin-bottom: 20px;
}
.flex-active i.my-image-discover {
background: url(http://www.operty.com/wp-content/uploads/2018/07/Memo1.png);
}icon-chat2 {
width: 128px; /* Icon Image Width */
height: 128px; /* Icon Image Height */
background: url(http://www.operty.com/wp-content/uploads/2018/07/codes.png);
display: block;
margin-bottom: 20px;
}
.flex-active i.my-image-discover {
background: url(http://www.operty.com/wp-content/uploads/2018/07/codes1.png);
}hashimakhtarParticipantYour solution only works at 100px. Yes i have tried this and need the header to be fixed at 64px and mobile at 54px for smaller screens.
hashimakhtarParticipantThe behavior when at top of the page the bar expands. When scrolling down the behavior is better. See both images. They both need to be fixed.
hashimakhtarParticipantUpdate
Just to give some clarification when we scroll to the top the header increases in height and we would like this to be fixed at a pixel height of 64 and fix the buttons so they dont move either when scrolling up and down the page and always remain visible and fixed.
Thankyou for your support.
hashimakhtarParticipant[quote quote=27528]Pls use the below custom CSS –
#header.sticky #site-logo { top: 0; } #header.sticky #sidebar-header .button { top: 10px; }
[/quote]
This has not worked i have added this in the custon.css
hashimakhtarParticipantHow do we make this work for mobile im trying to achieve the following see attached.
-
AuthorPosts