Skip to content
Snippets Groups Projects

techy_news-3392666: On Mobile view - searched page - Keyword input box goes out and Search button needs space.

Open techy_news-3392666: On Mobile view - searched page - Keyword input box goes out and Search button needs space.
issue/techy_news-3392666:techy_news-3392666 into master
Open Alok Singh requested to merge issue/techy_news-3392666:techy_news-3392666 into master
Compare
and
2 files
+ 162
− 1
Compare changes
  • Side-by-side
  • Inline
Files
2
css/style.css
+ 162
− 1
@@ -101,7 +101,6 @@ header .region-header {
header .region-header .menu .menu-item a:hover {
color: white;
font-weight: 900; }
.view-banner .views-field-field-image {
position: relative;
overflow: hidden; }
@@ -826,3 +825,165 @@ footer {
.page-node-type-latest-news .field--name-field-description {
width: 100%;
text-align: justify; } }
#block-yg-biz-main-menu ul.menu {
display: flex;
}
/* #block-yg-biz-main-menu ul.menu li {
padding: 10px;
} */
#block-yg-biz-main-menu li.menu-item.menu-item--expanded {
display: block;
position: relative;
}
#block-yg-biz-main-menu li.menu-item.menu-item--expanded > ul {
display: none;
top: 35px;
padding:0;
margin: 0;
position: absolute;
}
#block-yg-biz-main-menu li.menu-item.menu-item--expanded:hover > ul {
display: flex;
flex-direction: column;
}
/* #block-yg-biz-main-menu li.menu-item.menu-item--expanded > ul li {
width: max-content;
} */
.menu-item--expanded ul.menu {
width: max-content;
}
.menu-item--expanded li.menu-item a {
padding-left: 0 !important;
background-color: #eee;
margin-left: 20px;
margin-right: 20px;
}
.menu-item--expanded li {
background-color: #eee;
padding: 5px;
}
#block-techynews-main-menu ul.menu {
display: flex;
}
#block-techynews-main-menu li.menu-item.menu-item--expanded {
display: block;
position: relative;
}
#block-techynews-main-menu li.menu-item.menu-item--expanded > ul {
display: none;
top: 31px;
padding:0;
margin: 0;
position: absolute;
}
#block-techynews-main-menu li.menu-item.menu-item--expanded:hover > ul {
display: flex;
flex-direction: column;
gap: 1px;
}
.menu-item--expanded ul.menu {
width: max-content;
}
.menu-item--expanded li.menu-item a {
padding-left: 0 !important;
background-color: #eee;
margin-left: 20px;
margin-right: 20px;
}
.menu-item--expanded li {
background-color: #eee;
padding: 5px;
z-index: 1;
}
.menu .menu-item--expanded .menu .menu-item a:hover {
color: #000;
}
.field--name-comment {
text-align: left;
}
form#comment-form {
text-align: left;
}
@media (max-width: 668px) {
.comment-comment-form .form-item-subject-0-value input#edit-subject-0-value {
width: 60%
}
}
@media (max-width: 767px) {
input[type=submit] {
padding: 14px 42px;
margin-left: 0;
}
.comment-comment-form .form-actions {
padding-left: 18px;
}
}
.path-search form#search-form {
text-align: left;
}
article .field--type-image img {
width: 18%;
}
.node--type-article,
.node--type-page {
margin-bottom: 45px;
}
.field--name-field-tags {
margin-bottom: 20px;
}
.node-readmore a,
.comment-add a {
background-color: #fff;
padding: 8px 18px;
border: 1px solid #fff;
border-radius: 4px;
}
.node-readmore a:hover,
.comment-add a:hover {
color: blue;
}
nav.pager ul {
display: flex;
justify-content: center;
padding-left: 0;
padding-right: 0;
flex-wrap: wrap;
}
nav.pager ul li {
list-style-type: none;
}
nav.pager ul li {
margin-bottom: 15px;
}
nav.pager ul li a {
text-decoration: none;
padding: 5px 12px;
background: #fff;
color: #000080;
border: 1px solid #fff;
}
nav.pager ul li a:hover {
background: #fff;
color: #1560bd;
}
.footer-section nav ul.menu {
margin-left: 0;
}
.footer-section nav ul.menu li a{
color: #1e90ff;
}
@media (max-width: 767px) {
input[type="search"] {
box-sizing: border-box;
width: 100%;
margin-bottom: 15px;
}
input[type=submit] {
margin-bottom: 15px;
}
}
\ No newline at end of file